import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../components/Login.vue'
import Home from "../components/Home.vue"
import Welcome from '../components/Welcome.vue'
import Users from "../components/user/Users.vue"
import Rights from "../components/power/Rights.vue"
import Roles from "../components/power/Roles.vue"
import Cate from "../components/goods/Cate.vue"
import Params from "../components/goods/Params.vue"
import GoodList from "../components/goods/List.vue"
import Add from "../components/goods/Add.vue"
import Order from "../components/order/Order.vue"
import Report from "../components/report/Report"
Vue.use(VueRouter)
const router = new VueRouter({
  routes: [
    {
      path: '/',
      redirect: '/login'
    },
    {
      path: '/login',
      component: Login
    },
    {
      path:"/home",
      component:Home,
      redirect:"/Welcome",
      children:[
        {
          path:"/Welcome",
          component:Welcome
        },
        {
          path:"/users",
          component:Users
        },
        {
          path:"/rights",
          component:Rights
        },
        {
          path:"/roles",
          component:Roles
        },
        {
          path:"/categories",
          component:Cate
        },
        {
          path:"/params",
          component:Params
        },
        {
          path:"/goods",
          component:GoodList
        },
        {
          path:"/goods/add",
          component:Add
        },
        {
          path:"/orders",
          component:Order
        },
        {
          path:"/reports",
          component:Report
        }
      ]
    }
  ]
})
//挂载路由导航守卫
 router.beforeEach((to,from,next)=>{
    //to 将要访问的路径
    if(to.path==="/login") return next()
//获取token
const tokenStr = window.sessionStorage.getItem("token")
if(!tokenStr) return next("/login")
next()

    //from从哪个路径跳转而来
     
     //next 是函数 调用即放行 next()
 })
export default router
